<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="https://ae01.alicdn.com/kf/U65ab46d2dce144d4b32e2bf7126a6d6dL.jpg">
    <title>CSS选择器</title>
</head>
<body>
    <div id="container">
        <header>
            <p id="art">
                属性选择器:
            </p>
            <p style="margin-top: 20px;">
                计算机与信息学院开设有计算机科学与技术、物联网工程、
                <strong class="js">数字媒体技术</strong>
                、信息管理与信息系统、通信工程、
                <strong class="js">电子信息工程</strong>
                、电子信息科学与技术等7个本科专业
            </p>
            <p style="margin-top: 20px;">
                伪类与伪元素选择器:
            </p>
        </header>
        <div class="part1">
            <div style="margin-top: 10px;">
                本div块是body的first-child，但是为第一行
            </div>
            <strong class="tx">
                <div>
                    本div块是strong的first-child，本行按指定格式显示
                </div>
                <div>
                    计算机是信息加工工具。如果说人类制造的其他工具是人类双手的延伸，那么计算机作为代替人脑进行信息加工的工具，
                    则可以说是人类大脑的延伸。2009年2月IBM宣布，该公司将建造一台能够进行每秒20千万亿次浮点运算的计算机，其运算能力相当于200多万台笔记本电脑。
                    阿根廷的《21世纪趋势周刊》网站援引美国微软公司的一项报告称，人与计算机之间的生理界限将在2020年消失。
                </div>
            </strong>
            <a target="_blank" href="http://it.ctgu.edu.cn">
                三峡大学计算机与信息学院
            </a>
            <div>
                本div块是body的last-child，请按指定格式显示<br/>
                本行为该div的第二行
            </div>
            <table style="margin-top: 20px;width: 90%;line-height: 4px;">
                <caption style="margin-bottom: 8px;font-weight: 500;">
                    学生成绩表
                </caption>
                <tr style="color: black;">
                    <th>学号</th>
                    <th>姓名</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                </tr>
                <tr>
                    <td>001</td>
                    <td>张三</td>
                    <td>80</td>
                    <td>90</td>
                    <td>70</td>
                </tr>
                <tr>
                    <td>002</td>
                    <td>李四</td>
                    <td>75</td>
                    <td>85</td>
                    <td>95</td>
                </tr>
                <tr>
                    <td>003</td>
                    <td>王五</td>
                    <td>60</td>
                    <td>70</td>
                    <td>80</td>
                </tr>
                <tr>
                    <td>004</td>
                    <td>赵六</td>
                    <td>87</td>
                    <td>88</td>
                    <td>89</td>
                </tr>
                <tr>
                    <td colspan="5">说明:如有错误，请联系xxx</td>
                </tr>
            </table>
            <div class="time">
                <script style="margin-top: 10px;margin-right: 20px;">
                    var weekDayLabels = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
                    var now = new Date();
                    var year=now.getFullYear();
                    var month=now.getMonth()+1;
                    var day=now.getDate()
                    var currentime = '<span class="special">'+year+'年'+month+'月'+day+'日                '+weekDayLabels[now.getDay()]+'</span><br>'
                    document.write(currentime)
                </script>
            </div>
        </div>
    </div>
</body>
</html>